<template>
  <div class="container-detail">
  <el-timeline>
    <el-timeline-item
      v-for="(item, index) in componyDetailData"
      :key="index"
      >
      时间：{{item.time}}
      状态：{{item.status}}
    </el-timeline-item>
  </el-timeline>
  </div>
</template>

<script>
export default {
  name: 'detail',
  props: {
    detailList: {
      type: Array,
      required: []
    }
  },
  data () {
    return {
      // activities: [],
      componyDetailData: []
    }
  },
  watch: {
    detailList: {
      handler: function (newVal) {
        this.componyDetailData = newVal
      },
      deep: true,
      immediate: true
    }
  }
  // created () {
  //   this.activities = this.componyDetailData
  // }
}
</script>

<style scoped lang="less">
.el-timeline-item{
  font-size: 12px;
}
</style>
